import { MerchantNav } from "./merchant-nav"
import { MerchantTabBar } from "./merchant-tab-bar"

export function MerchantLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="min-h-screen flex flex-col lg:flex-row">
      <aside className="hidden lg:flex lg:flex-col w-64 border-r bg-gray-50/40">
        <div className="flex h-16 items-center px-6 border-b">
          <span className="font-semibold text-lg">商家后台</span>
        </div>
        <div className="flex-1 overflow-y-auto py-4">
          <MerchantNav />
        </div>
      </aside>
      <main className="flex-1 flex flex-col">
        <header className="flex h-16 items-center border-b px-6 lg:px-8">
          <span className="font-semibold text-lg lg:hidden">商家后台</span>
        </header>
        <div className="flex-1 overflow-auto">
          {children}
        </div>
        <div className="lg:hidden">
          <MerchantTabBar />
        </div>
      </main>
    </div>
  )
}

